<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>案例二</title>
    <style>
        body{
            background-image: url("img/bg.png");
        }
        form{
            width: 40%;
            border: 1px red solid;
            border-radius: 10px;
            margin: 10% auto;
            background-color: floralwhite;
            color: orangered;
        }
        table{
            width: 100%;
        }
        label{
            font-size: 22px;
            color: black;
        }
        table th{
            font-size: 25px;
            letter-spacing: 10px;
        }
        .clear{
            text-align: center;
        }

        .block input{
            height: 40px;
            width: 70%;
            margin-left: 52px;
            border-radius: 5px;
            border:1px black solid;
        }
        .button button{
            height: 40px;
            width: 70%;
            margin-left: 100px;
            background-color: orangered;
            color: floralwhite;
            font-size: 20px;
            letter-spacing: 10px;
            border-radius: 5px;
            border-style: none;
        }
        tr{
            line-height: 60px;
        }
    </style>
</head>
<body>
<img src="img/logo.png">
        <form method="get" action="#">
            <table>
                <tr><th colspan="2">账密登陆<hr></th></tr>
                <tr class="clear1">
                    <td class="clear"><label for="username">账号</label></td>
                    <td class="block"><input type="text" name="username" id="username" placeholder="请输入账号"></td>
                </tr>
                <tr>
                    <td class="clear"><label for="password">密码</label></td>
                    <td class="block"><input id="password" type="password" name="password" placeholder="请输入密码"></td>
                </tr>
                <tr>
                    <td class="button" colspan="2"><button type="submit">确定</button></td>
                </tr>
            </table>
        </form>
</body>
</html>